<template>
  <li class="event-manage">
    <a href="#">事件管理</a>
    <img class="arrow-down" src="../../../../assets/icon/arrowDown.svg" alt="" />
    <div class="hidden">
      <div class="dropdown-content">
        <span @click="isAdd = !isAdd">事件添加</span>
        <span @click="isAudit = !isAudit">事件审核</span>
        <span @click="isPut = !isPut">事件更新</span>
      </div>
    </div>
  </li>
  <TrafficEventAdd v-if="isAdd" />
  <TrafficEventPut v-if="isPut" />
  <TrafficEventAudit v-if="isAudit" />
</template>

<script setup>
import TrafficEventAdd from './components/TrafficEventAdd/TrafficEventAdd.vue'
import TrafficEventAudit from './components/TrafficEventAudit.vue'
import TrafficEventPut from './components/TrafficEventPut.vue'

const isAudit = ref(false)
const isAdd = ref(false)
const isPut = ref(false)
</script>

<style lang="less" scoped>
@import url('./styles/manage.less');
</style>
